<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>成绩评测</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<script src="js/jquery.min.js"></script>
	    <script src="js/Chart.min.js"></script>
	    <script src="plugin/bootstrap.min.js"></script>
	    <link href="plugin/bootstrap.min.css" rel="stylesheet" type="text/css" />
	    <link href="css/style2.css" rel="stylesheet" type="text/css" />
	    <link href="css/reset.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="css/achievement.css" type="text/css" />
		<link rel="stylesheet" href="plugin/bootstrap.min.css" type="text/css" />
	</script>
	</head>
	<body>
		<div class="col">
			<!-- 时间：2018-06-28
        	   描述：预测分析上面的颜色条 -->
			<div class="head_boeder"></div>
			
			<!-- 时间：2018-06-28
	        	描述：标题 -->
	        <p></p>
			<p class="tex">预测分析</p><br/>
			
			<!-- 时间：2018-06-28
            	描述：各项统计图  -->
            <canvas id="myCanvan" width="80vw" height="60vh" class="cat"></canvas>

            <!-- 时间：2018-06-28
        	   描述：预测分析下面的颜色条 -->
			<div class="foot_boeder"></div>
			
			<!-- 时间：2018-06-28
	        	描述：底部标题 -->
	        <p></p>
			<p class="tex_1">预测评估</p><br/>
			
			<!-- 时间：2018-06-29
            	描述： 底部预测描述 -->
            <p class="word">
            	能力描述文字写到此处
            </p>
            
		</div>
	</body>
	<script type="text/javascript">
	
	    $(function(){
	        //找到本地配置文件
			 var num_data;
			 $.ajax({
				type: "get",//请求方式
	            url: "abb.json",//地址，就是json文件的请求路径
	            dataType: "json",//数据类型可以为 text xml json  script  jsonp
	            success: function(result){
					num_data=result;
				}
			 });
			 
			 $.ajax({
	            type: "get",//请求方式
	            url: "/user/ldt",//地址，就是json文件的请求路径
	            dataType: "json",//数据类型可以为 text xml json  script  jsonp
	            success: function(result){//返回的参数就是 action里面所有的有get和set方法的参数
					$(".word").text(result.desc);
					num_data.datasets[0].data=result.data;
	                var myCans=document.getElementById("myCanvan");
	                var myCanvan =new Chart(myCans,{
	                    type:"radar",
	                    data:num_data,
	                    option:{
	                        scales:{
	                            yAxes:[{
	                                ticks:{
	                                    beginAtZero:true
	                                }
	                            }]
	                        }
	                    }
	                })
	            }
	        });
	    });
	    
	</script>

</html>	
